<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- DOM核心重点
    1.创建
        document.write();
        innerHTML;
        createElement();
    2.增加
        appendChild();
        insertBefore();
    3.删除
        removeChild();
    4.修改
        修改元素属性：src、herf、title等
        修改普通元素内容：innerHTML、innerText
        修改表单元素：value、type、disabled
        修改元素样式：style、className
    5.查找
        DOM提供的API方法：getElementById、getElementsByTagName 不太推荐;
        H5提供的新方法：queryselector、queryselectorAll 提倡
        利用节点操作获取元素：父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling)
    6.属性操作
        setAttribute:设置DOM的属性值;
        getAttribute:得到DOM的属性值;
        removeAttribute:移除属性; -->
</body>
</html>